.adm-nav-bar-title{
  font-size: 2rem;
  font-weight: bold;
}
.coupon-body{
  padding:1rem;
width:100%;
  height:calc(100vh - 6rem);
  .coupon-item{
    display: flex;
    //position: relative;
    height:15rem;
    margin: 2rem 0;
    box-shadow:-0.05rem 0.05rem 1.05rem  0.2rem    rgba(0, 0, 0, .1);
    background-color: #fff;
    //border: 0.2rem solid #ccc;


    .coupon-item-left{
      width:65%;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;

      .coupon-item-title{
        height:1.5rem;
        font-size: 1.5rem;
        font-weight: bold;
      }
      .coupon-item-time{
        height:1.5rem;

        font-size: 1.2rem;
        color: #989898
      }


    }
    .coupon-item-right{
      width:35%;
      position: relative;
      background-color: #bfaa95;
      border-left: 0.2rem dashed #fff;
      //background-image: radial-gradient(shape size at position, start-color, ..., last-color);
      //径向渐变遮盖实现锯齿状边框
      -webkit-mask:radial-gradient(
              circle  at 100% 1rem, transparent 0.5rem,red 0 ) 0rem -0.3rem/100% 10%;
      .coupon-item-price{
        height:3rem;
        font-size: 3rem;
        position: absolute;
        top: 20%;
        left: 45%;
        color: #fff;
      }
      .coupon-item-icon{
        position: absolute;
        top: 40%;
        left: 1.7rem;

        color: #ccc;
        .iconfont{
          font-size: 5rem;
        }
      }
      .coupon-item-btn{
        position: absolute;
        bottom: 2.3rem;
        left: 45%;
        color: #fff;
      }



    }



  }
  //.coupon-item{
  //  position: relative;
  //  display: flex;
  //  width: 90%;
  //  height: 200px;
  //  background-color: orange;
  //  -webkit-mask:radial-gradient(
  //   circle  at 100% 10px, transparent 10px,red 0 ) -10px -5px/100% 10%;
  //}
  }
